<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/details.css">
</head>
<body>
    <div class="top">
        <div class="topBanner">
            <ul class="topleft">
                <li>
                    <p>中国大陆∨</p>
                </li>
                <li >
                    <a href="./login.html"><p class="off active">请登录</p></a>
                    <div class="on" >
                    <span>0</span>
                    <button class="logout">退出登录</button>
                    </div>
                </li>
                <li>
                    <p>手机逛淘宝</p>
                </li>
            </ul>
            <ul class="topright">
                <li>
                   <a href="./index.html"> <p>首页</p></a>
                </li>
                <li>
                    <a href="./cart.html" target="_blank">
                        <p class="cart">购物车∨</p></a>
                </li>
                <li>
                    <p>收藏夹∨</p>
                </li>
                <li>
                   <a href="./list.html"> <p>商品列表</p></a>
                </li>
                <li>
                    <p>免费开店</p>
                </li>
                <li>
                    <P>千牛卖家中心∨</P>
                </li>
                <li>
                    <p>联系客户∨</p>
                </li>
                <li class="lastli">
                    <p>网站导航∨</p>
                       <div></div>
                       <div></div>
                       <div></div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="search">
        <div class="logo"><img src="./image/tblogo.png" alt=""></div>
        <div class="search1">
            <div>宝贝∨</div>
            <input type="text" placeholder="搜全部">
            <button>搜索</button>
            <ul class="searchUl">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
    <div class="divImg"><img src="./image/de1.png" alt=""></div>
    <main class="info container">
        <div class="div1 left">
            <!-- 放大镜 -->
            <div class="div1top " id="box">
                <div class="show"><img src="./image/想.png" alt="">
                        <div class="mask"></div>
                    </div>
                    <div class="enlarge"></div>
                </div>
                <div class="div1bottom"><img src="" alt=""></div>
            </div>
        <div class="div2">
            <ul>
                <li class="desc">商品介绍：啊额的胡企鹅去动粗口</li>
                <li>价格：<p class="price"> ￥99</p></li>
                <li>运费：上海——北京 &nbsp; <p> 0.00 </p></li>
                <li>月销：<p>99+</p>&nbsp;&nbsp;评价：<p>99+</p> &nbsp;&nbsp;送积分<p>12</p></li>
                <li>颜色分类：<span></span><span></span><span></span><span></span><span></span><span></span>
                </li>
                <li>数量：<p>1</p> </li>
                <li>
                    <button>立即购买</button>
                    <button class="butGou">加入购物车</button>
                </li>
                <li><img src="./image/de3.png" alt=""></li>
            </ul>
        </div>
    </main>
    <footer><div><img src="./image/foot.png" alt=""></div></footer>
    <script src="./js/utils/utils AJAX.js"></script>
    <script src="./js/details.js"></script>
</body>
</html>